<template>
  <div class="wallpaper">
    <div class="tag container">
          <router-link to="/wallpaper/used" :class="{active:$route.name=='used'}" >曾用壁纸</router-link>
          <router-link to="/wallpaper/love" :class="{active:$route.name=='love'}" >我喜欢的</router-link>
    </div>
    <router-view></router-view>
  </div>
</template>

<script lang="ts">
import { Options, Vue } from 'vue-class-component';
@Options({
  components: {
  },
})
export default class MyWallpaper extends Vue {}
</script>
<style lang="stylus" scoped>
.tag
  overflow hidden
  .active 
    color rgb(34,98,224)
    font-weight bold
    font-size 18px
  a
    font-size 16px
    float left 
    margin 10px
    color #000
    text-decoration none
    transition all .3s
    line-height 18px
    &:hover
      color rgb(34,98,224)
</style>